<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/assets/view/base/tag.jsp" %>
<!DOCTYPE html>
<head>
    <jsp:include page="/assets/view/common/head-meta.jsp"/>
    <title>mrcode博客,纯markdown程序员博客,博文列表</title>
    <jsp:include page="/assets/view/common/head-ui.jsp"/>
</head>
<body>
<jsp:include page="/assets/view/common/header.jsp"/>
<div class="container">
    <ol class="breadcrumb">
        <li><a href="/">首页</a></li>
        <li class="active">博客排行榜</li>
    </ol>
    <section class="" id="about">

        <div class="container relative">
            <div class="row">
                <c:forEach items="${usersPage.results}" var="user" varStatus="index">
                    <!-- Team item -->
                    <div class="col-sm-4 mb-xs-30 wow fadeInUp mb-40 mb-sm-20" data-wow-delay="0.1s"
                         style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        <div class="team-item">

                            <div class="team-item-image">

                                <img class="index-blogshow-img" src="${user.blogShow}" alt="${user.account}的个人形象">

                                <div class="team-item-detail">

                                    <h4 class="font-alt normal">博客签名</h4>

                                    <p>
                                            ${user.sign}
                                    </p>

                                    <div class="team-social-links">
                                        <a href="/${user.account}/article/category/all" alt="${user.account}的博客"
                                           title="${user.account}的博客">
                                            <span class="icon-star icon-spin"></span>进入该博客
                                        </a>
                                            <%--<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>--%>
                                    </div>

                                </div>
                            </div>

                            <div class="team-item-descr font-alt">
                                <div class="team-item-name">
                                        ${user.name}(${user.account})
                                </div>
                                <div class="team-item-role">
                                    总:${user.blogConfig.totalVisitsNum} - 今:${user.blogConfig.todayVisitsNum}
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- End Team item -->
                </c:forEach>
            </div>
            <nav fenye="bootstrap" style="text-align: center">
                ${usersPage.getBootstrapHtml(10)}
            </nav>
            <form  id="listFrom" action="" method="post">
                <input type="hidden" id="hi_pageNo" name="pageNo">
            </form>
        </div>
    </section>
</div>
<jsp:include page="/assets/view/common/footer.jsp"/>
<script src="/assets/js/fenye.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/main.js"></script>
<script>
    /*$("#menu-list").addClass("active");*/

    $('nav[fenye="bootstrap"]').bindFanYeEvent(function(pageno){ //绑定点击翻页按钮的处理事件
        $("#hi_pageNo").val(pageno);
        $("#listFrom").submit();
    });
</script>
</body>
</html>
